
.clearfix:after{  display: block;  content: '';  clear: both;}
.content{ margin-bottom:4.25rem;padding-bottom:0.2rem;}
.titel-box{ /* border: 1px solid; */  line-height: 3.2rem;  }
.titel-box a{  padding-left:1.9rem;  padding-right:1.9rem;  font-size: 1.5rem;  font-weight:800;  color: #636363;  }
.titel-box a.title-atv{  border-bottom:2px solid red;  color:black;  }
.titel-box a:nth-child(1){  float:left;  margin-left:3.15rem;}
.titel-box a:nth-child(2){ /*  border: 1px solid; */  float: right;  margin-right:3.15rem;
}
.content-box .cont-box{  background:#eee;  }
.oul-box{width:95%;  margin: 0 auto;}
.oul-box li.l-box{  padding-top: 0.7rem;  width:47%;  float: left;}
.oul-box li.r-box{  padding-top: 0.7rem;  width:47%;  float: right;}
.oul-box li .img-box>img{  width: 100%;  display: block;height: 7.4rem;  }
.oul-box li> .not-box{  background: white;  }
.oul-box li .text-box>p:nth-child(1){  float: left;  font-size: 1.15rem;  color: #f36d72;  margin-left:0.7rem;  }
.oul-box li .text-box>p:nth-child(2){  float: right;  margin-right:0.7rem;  color: #5a5a5a;  }
.oul-box li> .not-box .text-tle{  font-size: 1.2rem;margin-left:0.7rem;margin-bottom:3rem;}
footer{ border-top: 1px solid #858585; background:#fff; height:4.25rem; position:fixed;width: 100%;
    bottom: 0;  left:0;  display:flex;}
footer a{  display: flex; flex-direction:column; text-align: center; width:33.333333%; float: left; padding-top:0.7rem;
    font-size:0.9rem; color: #858585;
}
.active{ color: #f24046;}

/*分类*/

.fenlei-box{
 border-bottom:1px solid #cccccc;
}
.fenlei-box .input-box{
    width: 95%;
    margin: 0 auto;
    margin-top:0.7rem;
    margin-bottom: 0.7rem;
    border-radius: 7px;
    background: #f0f0f0;
    height:3.35rem;
    position: relative;
}
.fenlei-box .input-box>input{
    font-size:1.5rem;
    line-height:3.35rem;
    padding-left:1rem;
}
.fenlei-box .input-box>span{
    position: absolute;
    top:0.3rem;
    right:0.3rem;
}
.srot-box .pull-down{

}
.srot-box .pull-down>li{
    border-bottom:1px solid #eeeeee;
}
.srot-box .pull-down>li>div{
    margin: 0 auto;
    height:5.5rem;
    font-size:1.5rem;
    line-height:5.5rem;
}
.srot-box .pull-down>li>div span:nth-child(1){
    margin-left:1rem;
    float: left;
    margin-right:1.1rem;
    line-height:5.5rem;
    height:100%;
    box-sizing: border-box;
}
.srot-box .pull-down>li>div span:nth-child(1)>img{
    margin-top:1.7rem;
    display: block;
}

.srot-box .pull-down>li>div span:nth-child(2){
    float: right;
    margin-right: 1rem;
}
.pull2-down{
    background: #eeeeee;
    display: none;
    text-align: center;
}
.pull2-down a{
    margin-left:1rem;
}

/*我的*/

.body-box{
    position: absolute;
    top:0;
    left:0;
    background: #eeeeee;
    height:100%;
}
.nav-banner{}
.nav-banner>a{
    position: absolute;
    top:1rem;
    right:1rem;
    width:3rem;
    height:3rem;
    line-height:3rem;
    font-size:1.3rem;
    text-align: center;
    background:white;
    border-radius:50%;
}
.nav-banner >img{
    width: 100%;
    display: block;
}
.my-xiaoxi{
    background: white;
    height:3rem;
    line-height:3rem;
    font-size:1.3rem;
}
.my-xiaoxi>span:nth-child(1){
    margin-left:0.5rem;
}
.my-xiaoxi>span:nth-child(3){
    float: right;
    margin-right:0.5rem;
}
.move-box{
    height:4rem;
    background:white;
    margin-top:1rem;
    line-height:4rem;
    font-size:1.3rem;
    border-bottom:1px solid #eeeeee;
}
.move-box span{
    /*border: 1px solid;*/
    display:inline-block;
    width:49%;
    height:100%;
    text-align: center;
}
.move-box span:nth-child(1){
    border-right:1px solid #eeeeee;
}
.bottom-atv{
    border-bottom:1px solid red;
}
.liebiao-box li{
    background: white;
    height:7rem;
    padding-left:1rem;
    border-bottom:1px solid #A3A3A3;
}
.liebiao-box li>div:nth-child(1){
    float: left;
    margin-top:0.5rem;
}
.liebiao-box li>div:nth-child(1)>img{
    width:6rem;
}
.liebiao-box li>div:nth-child(2){
    float:left;
    margin-left:0.3rem;
    margin-top:1.3rem;
    line-height: 2rem;
}
.liebiao-box li>div:nth-child(2)>p:nth-child(1){
    font-size:1.4rem;
}
.liebiao-box li>div:nth-child(2)>p:nth-child(2){
    color:#A3A3A3;
    font-size:1rem;
}
.liebiao-box li>div:nth-child(3){
    float: right;
    line-height:7rem;
    margin-right: 0.5rem;
}
/*攻略*/
header{height: 4.4rem;font-size:1.5rem;display:flex;align-items: center;}
header>div{
  flex-grow:1;
}
header>div:nth-child(1){margin-left:1rem;}
header>div:nth-child(2){
    text-align: center;
}
header>div:nth-child(3){text-align:right;margin-right:1rem;}
header>div:nth-child(3)>img{width:1.8rem}
.minute-box .img-box>img{width:100%;display: block}
.referral-box{margin-bottom:1rem;}
.referral-box p:nth-child(1){font-size:1.4rem;margin:1rem 0 1.2rem 1rem;}
.referral-box p:nth-child(2){font-size:1.3rem;color:#f23a3f;margin-bottom:1.2rem;margin-left:1rem;}
.referral-box p:nth-child(3){width:93%;margin: 0 auto;color: #bebebe;font-size:1.3rem}
.grade-box li{font-size:1.2rem;color:#989898;margin-left:1rem;margin-top:1rem;}
.bottom-nav{border-bottom:1px solid #989898;}
.bottom-nav a{float:left;width:49.8%;font-size:1.25rem;text-align: center;height: 4rem;line-height:4rem;}
.bottom-nav a:nth-child(1){border-right:1px solid #989898;}
.bootm-atv{border-bottom:2px solid #f23a3f; color: black;}
.Message-box{padding-bottom:7.25rem;}
.Message-box div:nth-child(1){margin:1rem 0 1rem 1rem;float: left;}
.Message-box li>div:nth-child(2){float:left;width:77%;line-height: 2rem;padding-top:1rem;border-bottom:1px solid #e8e8e8;}
.Message-box li>div:nth-child(2)>div>p:nth-child(1){font-size:1.1rem;color:#7e7e7e;}
.Message-box li>div:nth-child(2)>div>p:nth-child(2){font-size:1.2rem;}
.Message-box li>div:nth-child(2)>div:nth-child(2){float: right;font-size:1.1rem;margin-right: 0.85rem;margin-top:1rem;color:#7e7e7e;}
.bottom-btn{background:#f6f6f6;height:3.9rem;position: fixed;bottom: 0;left:0;width: 100%;}
.bottom-btn div{width:49.5%;display:inline-block;text-align: center;}
.bottom-btn div>a{border: 1px solid;border-radius:5px; width: 6.5rem;display:inline-block;height:2.6rem;line-height:2.6rem;font-size:1.2rem;margin-top:0.75rem;}
.bottom-btn div:nth-child(1)>a{border:1px solid red;color: red;}
.bottom-btn div:nth-child(2)>a{background:red;color: white;}
.img-message li{width:95%;margin: 0 auto;padding-top:1rem;padding-bottom: 1rem;}
.img-message li a>img{width: 100%;display: block;}
.img-message li>a .text-box{background: white; height:3.5rem;line-height:3.5rem;font-size:1.5rem;padding-left:1rem;}
.img-message li>.text-box>span:nth-child(2){float: right;margin-right:1rem;}
.xuanxiang-box>li{height:4.5rem;border-bottom:1px solid #D6D6D6;font-size: 1.35rem; display: flex;align-items: center}
.xuanxiang-box>li>span{margin-right:1.6rem;margin-left: 1.1rem;}
.register{background:#EEEEEE;padding-top:1.7rem;padding-bottom:1.7rem;height:27rem;}
.register div{border:1px solid #D3D3D3;width:85%;margin:0 auto;text-align: center;height:3.85rem;font-size:1.35rem;line-height:3.85rem;background:white;border-radius:5px;}
.register div>a{width: 100%;height:100%;display: inline-block;color: red;}
.mtk-box{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5)}
.mtk-box div{
    /*border:1px solid;*/
    width:100%;
    position:absolute;
    text-align: center;
    background: white;
    height:300px;
    bottom:0;
}
.mtk-box div>p{
    position:absolute;
    bottom: 0;
    width:100%;
    text-align: center;
    margin-bottom:1rem;
    font-size: 1.3rem;
}